<!DOCTYPE html> 
<html long="en">
	<head>
		<meta charset="UTF-8">
		<title>Quiz</title>
	
		<script src="scripts/quiz1.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>	
			</head>
				<body>			
			
			<br>
			<br>
			<nav class="nav-bar" id="navepages">
			<a href="sun.html"> The Sun | </a>
			<a href="alpha.html"> Alpha Centauri|</a>
			<a href="wolf.html"> Wolf 359 |</a>
			<a href="barnards.html"> Barnard's Star |</a>
			<a href="quiz.html" id="link-test">Quiz |</a>
			</nav>
			
			<section>
			<div id="the-content"> 
			<header>
			<h1 class="title"> Quiz </h1>
			 </header> 
    	
		<form onSubmit="javascript:submitQuiz(); return false;" name="quiz" id="quiz">
		<label for="name">Enter your Name:</label>
		<input type="text" id="firstname" size="30" required="required"/><br/>
		<br/>
   		<lable for="password" id="password" size="30"> Enter your password </lable>
   		<input type="password" id="password" size="30" required="required"/><br/>
   		
   		<br>
   		<br>
   		<lable for="question1">1- The star that named on American astronomer is: </lable>
   		<br>
   		<br>
   		<input type="radio" id="question1" name="question1" 
			value="0">Alpha Centauri</> 
   		<input type="radio" id="question1" name="question1"
			value="1">Wolf 359</> 
		<input type="radio" id="question1" name="question1"
			value="2">Barnard’s Star</> 
		<br>
   		<br>
			
			<lable for="question2">2- The closest star to the sun is:  </lable>
   		<br>
   		<br>
   		<input type="radio" id="question2" name="question2"
			value="0">Alpha Centauri</>  
   		<input type="radio" id="question2" name="question2" 
			value="1">Barnard’s Star</> 
		<input type="radio" id="question2" name="question2"
			value="2">Wolf 359</> 
			
		<br>
   		<br>
			
		<lable for="question3">3- The star that has distance of 93,000,000 miles from the earth is: </lable>
   		<br>
   		<br>
   		<input type="radio" id="question3" name="question3"
			value="0">Wolf 359</> 
   		<input type="radio" id="question3" name="question3"
			value="1">The sun</>  
		<input type="radio" id="question3" name="question3"
			value="2">Alpha Centauri</> 
			<br>
			<br>
			<br>
			
			<input type="submit" value="Submit Your Answers"/>
			<input type="reset" value="Reset Your Answers"/>
			</form>
   		 
   
   
   						</div>
							</section>





			<br>
			<br>
			<br>
			
		  				 <hr> 
						<footer>
						<div id="cite">
						<cite> References</cite>
						<br>
						     <cite> This information was retrieved from <a href="http://en.wikipedia.org"</a> Wikipedia</cite>
						 	       & <cite> <a a href="http://www.CreativeCommons.com">CreativeCommons</cite>
						</div>
						</footer>
			
			
			
			
			
			</body>
			</html>